<template>
 <div id="selectCom">
  <select v-model="selected" @change="choose(selected)">
    
    <option v-for=" s in sdata" v-bind:value="s.value">{{s.name}}</option>
  </select>
  
</div>
</template>
 
<script>
export default {
  name: 'selectCom',
  data(){
  return {
  selected:''
  }
  },
  methods:{
    choose:function(n){
	 this.$emit('select-type', n);
	}
  },
  props:["sdata"]
  
  
}

</script>
 
<style>
 @import '../css/select.css';
</style>